<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>lu_projectProgress_power 过程管理-动力管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link href="ADMIN_PUBLIC/css/bootstrap.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/animate.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/style.min.css" rel="stylesheet">
    <link href="ADMIN_PUBLIC/css/jquery.magnify.css" rel="stylesheet">
    <!--<link href="https://cdn.bootcss.com/font-awesome/4.7.0/ADMIN_PUBLIC/css/font-awesome.min.css" rel="stylesheet">-->

    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_common.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/css/lu_projectProgress.css">
    <link rel="stylesheet" href="ADMIN_PUBLIC/fonts_style/iconfont.css">
</head>
<body class="color_fff container-fluid row" style="background-color: #fff">
<include file = 'Common/pro_nav' />
<div class="row projectProgress_table_BOX">
    <include file = 'Common/pro_base' />
    <div class="table_BOX">
        <table class="col-sm-12 table table-striped comTableStyle" id="table_table">
            <thead>
            <tr>
                <th><input type="checkbox" id="checkAll" class="checkboxStyle" ></th>
                <th>时间</th>
                <!--<th>研发设备电度数</th>-->
                <!--<th>辅助设备电度数</th>-->
                <!--<th>合计电度数</th>-->
                <!--<th>单价(元/度)</th>-->
                <th>电费金额(元)</th>
                <!--<th>凭证</th>-->
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
        <volist name = 'data' id = 'v'>
            <tr data-index="{$v.id}">
                <td><input type="checkbox" class="checkboxStyle" <if condition = "$v.is_cal == 1">disabled<else /></if>></td>
                <td>{$v.power_time}</td>
                <!--<td>{$v.dev_count}</td>-->
                <!--<td>{$v.fz_count}</td>-->
                <!--<td>{$v.total_count}</td>-->
                <!--<td>{$v.power_uprice}</td>-->
                <td>{$v.power_total}</td>
                <!--<td><a href="look_img" class="edit_table">查看</a></td>-->
                <if condition  = '$v.is_cal == 0'>
                    <td><a href="edit_people" class="edit_table">编辑</a></td>
                    <else />
                    <td><a href="#" class="edit_table">取消核算</a></td>
                </if>
            </tr>
        </volist>
            </tbody>
        </table>
        <div class="pagination"><ul><li>{$page}</li></ul></div>
        <div class="hidden_box">
            <div class="hidden_box_showBox ">
                <span id="dateVal">筛选</span>
                <i class="iconfont icon-jiantou"></i>
            </div>
            <ul class="hidden_box_hiddenBox">
                <li class=" hidden_box_hiddenBox_list ">
                    <span class="hiddenBox_list_text">时间：</span>
                    <input type="text" class=" BFBFBF_inputStyle" id="query_year_people" data-query='time' autocomplete="off">
                </li>
                <li class="hiddenBox_list_btn">
                    <button class="btn btn-sm btn-success" id="query">确定</button>
                    <button class="btn btn-sm btn-success">查找全部</button>
                    <button class="btn btn-sm btn-default">取消</button>
                </li>
            </ul>
        </div>
        <ul class="operation_btn">
            <li><a href="add_people" class="btn btn-success">添加</a></li>
             <li><a href="#import" class="btn btn-success">批量导入</a></li>
            <li><a href="#delete" class="btn btn-success">批量删除</a></li>
            <!--<li><a href="#check" class="btn btn-success">核算</a></li>-->
        </ul>
        <ul class="animated fadeIn add_hiddenBox" lll="add_people" id='add_people'>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>时间：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="add_time" add_name="add_time" autocomplete="off">
                </div>
            </li>
            <!--<li class="form-group table_btn_list">-->
                <!--<label class="col-sm-4 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>研发设备电度数：</label>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" readonly add_name="add_yf_electric" autocomplete="off">-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="form-group table_btn_list">-->
                <!--<label class="col-sm-4 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>辅助设备电度数：</label>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input"  add_name="add_fz_electric" autocomplete="off">-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="form-group table_btn_list">-->
                <!--<label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>合计电度数：</label>-->
                <!--<div class="col-sm-9">-->
                    <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" readonly placeholder="" add_name="add_sum_electric" autocomplete="off">-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="form-group table_btn_list">-->
                <!--<label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>单价(元/度)：</label>-->
                <!--<div class="col-sm-9">-->
                    <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_electricPrice" autocomplete="off">-->
                <!--</div>-->
            <!--</li>-->
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>电费金额(元)：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input"  add_name="add_electricMoney" autocomplete="off">
                </div>
            </li>
            <!--<li class="form-group table_btn_list table_btn_list_top">-->
                <!--<label class="col-sm-3 table_btn_list_title table_btn_list_title_top">凭证：</label>-->
                <!--<div class="col-sm-9 pz_file_box">-->
                    <!--<button class="btn btn-success hidden_input_box">点击上传<input type="file" accept="image/*" class="hidden_input" add_name="add_file"></button>-->
                    <!--<ul class="pz_file_list">-->

                    <!--</ul>-->
                <!--</div>-->
            <!--</li>-->
            <li class="button_list">
                <button class="btn btn-sm btn-success" id="add_btn">确认添加</button>
                <button class="btn btn-sm btn-success" id="add_AddNew_btn">添加并新增</button>
                <button class="btn btn-sm btn-default cancel_btn">取消</button>
            </li>
        </ul>
        <ul class="animated fadeIn add_hiddenBox" lll="edit_people" id='edit_people'>
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>时间：</label>
                <div class="col-sm-9">
                    <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="edit_time" add_name="edit_time" autocomplete="off">
                </div>
            </li>
            <!--<li class="form-group table_btn_list">-->
                <!--<label class="col-sm-4 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>研发设备电度数：</label>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" readonly add_name="edit_yf_electric" autocomplete="off">-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="form-group table_btn_list">-->
                <!--<label class="col-sm-4 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>辅助设备电度数：</label>-->
                <!--<div class="col-sm-8">-->
                    <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input"  add_name="edit_fz_electric" autocomplete="off">-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="form-group table_btn_list">-->
                <!--<label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>合计电度数：</label>-->
                <!--<div class="col-sm-9">-->
                    <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" readonly placeholder="" add_name="edit_sum_electric" autocomplete="off">-->
                <!--</div>-->
            <!--</li>-->
            <!--<li class="form-group table_btn_list">-->
                <!--<label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>单价(元/度)：</label>-->
                <!--<div class="col-sm-9">-->
                    <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_electricPrice" autocomplete="off">-->
                <!--</div>-->
            <!--</li>-->
            <li class="form-group table_btn_list">
                <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>电费金额(元)：</label>
                <div class="col-sm-9">
                    <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" add_name="edit_electricMoney" autocomplete="off">
                </div>
            </li>
            <!--<li class="form-group table_btn_list table_btn_list_top">-->
                <!--<label class="col-sm-3 table_btn_list_title table_btn_list_title_top">凭证：</label>-->
                <!--<div class="col-sm-9 pz_file_box">-->
                    <!--<button class="btn btn-success hidden_input_box">点击上传<input type="file" accept="image/*" class="hidden_input" add_name="edit_file"></button>-->
                    <!--<ul class="pz_file_list">-->

                    <!--</ul>-->
                <!--</div>-->
            <!--</li>-->
            <li class="button_list">
                <button class="btn btn-sm btn-success" id="save_btn">保存</button>
                <button class="btn btn-sm btn-default cancel_btn">取消</button>
            </li>
        </ul>
    </div>

    <!--内容没填完，弹框-->
    <div class="warning_hiddenBox animated fadeIn" id="yz_modal" box="yz_modal">
        您有内容没有填写完哦！
    </div>
    <!--删除人员-->
    <div class="add_hiddenBox animated fadeIn" id="delete" lll="delete">
        <p class="delete_tip_text">确认删除吗？</p>
        <div class="delete_tip_btn_box">
            <button class="btn btn-sm btn-success">确认</button>
            <button class="btn btn-sm btn-default">取消</button>
        </div>
    </div>
    <!--查看凭证-->
    <div class="add_hiddenBox animated fadeIn" id="look_img" lll="look_img" >
        <ul class="look_img_list">
            <!--<li><a data-magnify="gallery" href="ADMIN_PUBLIC/img/a1.png"><img src="ADMIN_PUBLIC/img/ic_3@2x.png"></a></li>-->
            <!--<li><a data-magnify="gallery" href="ADMIN_PUBLIC/img/a2.png"><img src="ADMIN_PUBLIC/img/ic_6@2x.png"></a></li>-->
            <!--<li><a data-magnify="gallery" href="ADMIN_PUBLIC/img/a3.png"><img src="ADMIN_PUBLIC/img/ic_food2.png"></a></li>-->
            <!--<li><a data-magnify="gallery" href="ADMIN_PUBLIC/img/a3.png"><img src="ADMIN_PUBLIC/img/ic_food2.png"></a></li>-->
            <!--<li><a data-magnify="gallery" href="ADMIN_PUBLIC/img/a3.png"><img src="ADMIN_PUBLIC/img/ic_food2.png"></a></li>-->
        </ul>
        <div class="delete_tip_btn_box">
            <button class="btn btn-sm btn-success">确认</button>
        </div>
    </div>
    <!--核算弹框-->
    
    <!--导入文件-->
    <div class="add_hiddenBox animated fadeIn active" id="import" lll="import">
        <p class="import_tip_text">温馨提示：</p>
        <p class="import_tip_text">请下载统一的模版，并按相应的格式在Excel软件中填写您的业务数据，然后再导入到系统中。</p>
        <form action="http://zsjjkc.youledi.cn/Admin/Power/importPower" method="post" enctype="multipart/form-data" id="file_form">
            <input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="import_tip_text file_upload_btn" id="file_upload" name="powers">
            <div class="import_tip_btn_box">
                <a class="btn btn-sm btn-success" href="http://zsjjkc.youledi.cn/Excel/tpl/过程管理动力批量导入模板.xls">下载模板</a>
                <button class="btn btn-sm btn-grey">确定导入</button>
            </div>
        </form>
    </div>
</div>

<script src="ADMIN_PUBLIC/js/jquery.min.js"></script>
<script src="ADMIN_PUBLIC/js/jquery.magnify.js"></script>
<script src="ADMIN_PUBLIC/js/laydate/laydate.js"></script>
<script src="ADMIN_PUBLIC/js/lu_projectProgress_power.js"></script>
<script>
    $(function(){
        $('[data-magnify=gallery]').magnify({
            headToolbar: [
                'close'
            ],
            footToolbar: [
                'zoomIn',
                'zoomOut',
                'prev',
                'fullscreen',
                'next',
                'actualSize',
                'rotateRight'
            ],
            title: false
        });

        // window.query_year_people = ''
        laydate.render({
            elem: '#query_year_people', //指定元素
            type:  'month',
            theme: '#2881C1',
            done: function(value, date, endDate){
                // var dateVal = date.year+'年'+date.month+'月'
                // window.add_time = dateVal
            }
        });
        laydate.render({
            elem: '#add_time', //指定元素
            type:  'month',
            theme: '#2881C1',
            done: function(value, date, endDate){
//                $.ajax({
//                    url:'http://zsjjkc.youledi.cn/Admin/Power/getDevPower',
//                    type:'post',
//                    data:{
//                        time:value
//                    },
//                    success:function(data){
//                        if(data.code==1){
//                            $('[lll="add_people"]').find('[add_name=add_yf_electric]').val(data.dev_power)
//                        }else{
//
//                        }
//                    }
//                })
            }
        });
        laydate.render({
            elem: '#edit_time', //指定元素
            type:  'month',
            theme: '#2881C1',
            done: function(value, date, endDate){
//                var dateVal = date.year+'年'+date.month+'月'+date.data+'日'
//                window.edit_time = dateVal
//                $.ajax({
//                    url:'http://zsjjkc.youledi.cn/Admin/Power/getDevPower',
//                    type:'post',
//                    data:{
//                        time:value
//                    },
//                    success:function(data){
//                        if(data.code==1){
//                            $('[lll="edit_people"]').find('[add_name=edit_yf_electric]').val(data.dev_power)
//                        }else{
//
//                        }
//                    }
//                })
            }
        });

    })
</script>
</body>
</html>